<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="template.xhtml">

	<ui:define name="title">
		<f:view>
			<title>Votre commande</title>
		</f:view>
	</ui:define>

	<ui:define name="body">
		<f:view>

			<h4><h:outputText value="#{manager.clientConnecte.nom} " />
			<h:outputText value="#{manager.clientConnecte.prenom}" /></h4>
			<h:outputText value="#{manager.clientConnecte.adresse.rue} " />
			<br></br>
			<h:outputText value="#{manager.clientConnecte.adresse.code_postal} " />
			<br></br>
			<h:outputText value="#{manager.clientConnecte.adresse.ville} " />
			<br></br>
			<h:outputText value="#{manager.clientConnecte.adresse.pays} " />
			<br></br>
			<br></br>
			<h:outputText value="Mail : #{manager.clientConnecte.mail}" />
			<br></br>
			<h:outputText value="Téléphone : #{manager.clientConnecte.telephone}" />
			<br></br>
			<h:outputText value="Identifiant : #{manager.clientConnecte.login}" />
			<br></br>
			<br></br>
			<br></br>

			<rich:dataTable onRowMouseOver="this.style.backgroundColor='#F6CECE'"
				onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
				cellpadding="0" cellspacing="0" width="700" border="0"
				value="#{manager.panierTmp.voyages}" var="voyage">


				<f:facet name="header">
					<rich:columnGroup>
						<rich:column colspan="9">
							<h:outputText value="Votre commande" />
						</rich:column>
						<rich:column breakBefore="true">
							<h:outputText value="Du" />
						</rich:column>
						<rich:column>
							<h:outputText value="Au" />
						</rich:column>
						<rich:column>
							<h:outputText value="Départ" />
						</rich:column>
						<rich:column>
							<h:outputText value="Destination" />
						</rich:column>
						<rich:column>
							<h:outputText value="Sport" />
						</rich:column>
						<rich:column>
							<h:outputText value="Hébergement" />
						</rich:column>
						<rich:column>
							<h:outputText value="Transport" />
						</rich:column>
						<rich:column>
							<h:outputText value="Nb pers." />
						</rich:column>
						<rich:column>
							<h:outputText value="prix €" />
						</rich:column>
					</rich:columnGroup>

				</f:facet>
				<rich:column>
					<h:outputText value="#{voyage.date_depart}">
						<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
					</h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.date_retour}">
						<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
					</h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.ville_depart}"></h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.destination}"></h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.sport.nom}"></h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.hebergement}"></h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.transport}"></h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.nb_personnes}"></h:outputText>
				</rich:column>
				<rich:column>
					<h:outputText value="#{voyage.prix}">
						<f:convertNumber pattern="######.## €" />
					</h:outputText>
				</rich:column>

				<br></br>
				<br></br>
				<br></br>
				<h:outputText value="Commande Réalisée"></h:outputText>
				<br></br>
				<br></br>

			</rich:dataTable>
			<table width="700px">
			
				<br></br>
				<br></br>
				<h:outputText value="Commande Réalisée"></h:outputText>
				<br></br>
				<br></br>
				<tr>
					<h:form>
						<td style="text-align: left;"><h:commandButton
								value="Retour Accueil" action="#{manager.commande_payer}" />
						</td>
					</h:form>
				</tr>
			</table>



			<br></br>

		</f:view>
	</ui:define>

</ui:composition>

</html>